今天學什麼？

今天閱讀「適用於 Android 開發人員的 Jetpack Compose」第一章「Compose 基礎知識」的「入門教學課程」

學習筆記：

1. 使用@Composable來定義可組合函式
2. 使用@Preview來預覽函式
3. Column是垂直排列，可以想成LinearLayout的vertical
4. Row是水平排列，可以想成LinearLayout的horizontal
5. Box是堆疊元件，可以想成RelativeLayout
6. 使用ComposeTutorialTheme主題的話可以使用質感設計（Material Design）

   ComposeTutorialTheme {
       Surface(modifier = Modifier.fillMaxSize()) {
           MessageCard(Message("Android", "Jetpack Compose"))
       }
   }
   

7. 使用Shape為圖片加上邊框
8. 可以同時設定白天和夜間模式

   @Preview(name = "Light Mode")
   @Preview(
       uiMode = Configuration.UI_MODE_NIGHT_YES,
       showBackground = true,
       name = "Dark Mode"
   )
   @Composable
   fun PreviewMessageCard() {
   
   }
   

9. LazyColumn是可滾動的垂直排列，可以想成直的RecyclerView
10. LazyRow是可滾動的水平排列，可以想成橫的RecyclerView
11. remember和mutableStateOf用來要保留滾動時的狀態

    var isExpanded by remember { mutableStateOf(false) }